
<div id="app">
	<div v-if="constantValues">
		<p v-for="(value, index) in constantValues" :key="index"></p>
	</div>

</div>

<script>
	new Vue({
		el: '#app',
		data: {
			constantValues: [] // 初始化一个空数组来存放后端返回的值
		},
		created() {
			this.fetchDataFromBackend();
		},
		methods: {
			fetchDataFromBackend() {
				// 向后端发送 GET 请求
				fetch('http://localhost:8333/techshine_war/msg/finddoot?id=7')
						.then(response => {
							if (response.ok) {
								return response.json(); // 解析 JSON 数据
							} else {
								throw new Error('Failed to fetch data from backend');
							}
						})
						.then(data => {
							// 处理从后端返回的数据
							console.log('从后端获取的数据:', data);

							if (data && data.val) {
								// 假设后端返回的数据结构为 { val: ['联系我们：', '报名咨询：010-58412590', '邮箱：welcome@techshine.com', ...] }
								this.constantValues = data.val.split(/\s*【|\s*】|\s*\|\s*/); // 根据实际情况处理数据格式
							}
						})
						.catch(error => {
							console.error('请求后端数据时出错:', error);
						});
			}
		}
	});
</script>
